/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: "#409EFF",
          light: "#79BBFF",
          dark: "#337ECC",
        },
        success: {
          DEFAULT: "#67C23A",
          light: "#95D475",
          dark: "#529B2E",
        },
        warning: {
          DEFAULT: "#E6A23C",
          light: "#EEC374",
          dark: "#B88230",
        },
        danger: {
          DEFAULT: "#F56C6C",
          light: "#F89898",
          dark: "#C45656",
        },
        info: {
          DEFAULT: "#909399",
          light: "#B1B3B8",
          dark: "#73767A",
        },
      },
      spacing: {
        18: "4.5rem",
        72: "18rem",
        84: "21rem",
        96: "24rem",
      },
      zIndex: {
        60: "60",
        70: "70",
        80: "80",
        90: "90",
        100: "100",
      },
    },
  },
  plugins: [],
};
